﻿@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/TrangChu.cshtml";
}
<script>
    $(document).ready(function () {
        $('a').click(function () {
            $.get('http://localhost:13307/Support/Index', { 'id': $(this).text() }, function (data) {
                $('#content').html(data);
            });
            return false;
        });
    });
</script>

<div class="wrap">
    <div class="block">
        <div class="support_top">
            <div class="support_top_txt">
                <h1 class="title">Welcome to ANKER Support<strong>Technology changes. Our commitment to happy customers doesn’t.</strong></h1>
                <p>
                    Anker is a multinational team of techies. But don’t let that fool you - we’re customers, too. We work hard to approach all angles from a user’s perspective, starting with affordable, high-quality materials and ending with 100% satisfaction.
                    <br /><br />
                </p>
                <p>
                    To that end, we offer instruction manuals, videos, drivers, FAQs, and even return request forms for you, organized by product below. If you don't find the information you're looking for, please <a href="contact.html">contact us</a> for fast friendly help.
                </p>
            </div>

        </div>

        <div class="support_search_wrap clearfix">
            <div class="search_bar search_bymodel">
                <p class="support_search_point">Search by SKU or Amazon ASIN</p>
                <form class="support_search_form">
                    <input class="txt" type="text" id="support_search_input" />
                    <input value="" type="button" class="support_search_btn btn" />
                </form>
                <span id="search_error" class="red"></span>
            </div>
@model IEnumerable<IankerProj.Models.Thietbi>
        </div>

        <div class="wrapper">
            <div class="content_text clearfix">
                <div class="support_box clearfix">
                    <p class="support_small_screen_title">Start by selecting a product category <br /> &darr; </p>
                    <div class="support_list_wrapper">
                        <p class="support_list_title">Category</p>
                        <div class="support_list_box">
                            <ul class="support_list sup_cat">
                                @foreach(var c in Model)
                                {
                                 <li id="@c.id">@c.ten</li>
                                }
                               
                            </ul>
                        </div>

                    </div>

                    <div class="support_list_wrapper">
                        <p class="support_list_title">Products</p>
                        <div class="support_list_box">
                            <ul class="support_list cat_goods">

                            </ul>
                        </div>

                    </div>

                    <div class="support_box_right">
                        <div class="support_nochoose">
                            <p><img src="/themes/anker/images/support_circle.png" width="170" height="170" /></p>
                            <p>Start by selecting a product category</p>
                        </div>

                        <div class="support_choose">
                            <div class="s_c_title"></div>
                            <div class="s_c_pic"><img /></div>
                            <div class="s_c_info"><a class="support_check_btn">SELECT</a></div>
                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>

</div>

